<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml"
      xmlns:h="http://java.sun.com/jsf/html"
      xmlns:f="http://java.sun.com/jsf/core"
      xmlns:p="http://primefaces.org/ui"
      xmlns:ui="http://java.sun.com/jsf/facelets"
      xmlns:pe="http://primefaces.org/ui/extensions">

<ui:composition template="/WEB-INF/templates/template_interno_padrao.xhtml">
	
	<ui:define name="conteudo">
		
		
		<p:growl id="growl" showDetail="false"  life="6000"/>
		
		<div class="row-fluid">
			<div class="span12" >
				<fieldset>
						<h3>
							<h:outputText value="Contas pagas" /> 
						</h3>
				</fieldset>
			</div>
		</div>
		
		<h:form id="frmListagem">
				    
		    <p:dataTable id="dataTableListagem" var="conta" value="#{contaPagaBean.contasPagas}">  
  
  					        
		        <p:column headerText="Estabelecimento" > 
					<h:outputText value="#{conta.contrato.localPrestacaoServico.descricao}" />
		             
		        </p:column>
		          
		        <p:column headerText="Serviço" style="width:15%;"> 
		        	<h:outputText value="#{conta.contrato.servicoPrincipal}" /> 
		              
		        </p:column>  
		  		
		  		<p:column headerText="Ano de referencia" style="width:5%;  text-align: center">  
		  			<h:outputText value="#{conta.anoDeReferencia}" />
		              
		        </p:column>
		  		
		  		<p:column headerText="Mês de referência" style="width:5%;  text-align: right"> 
		  			<h:outputText value="#{conta.mesDeReferencia}" /> 
		              
		        </p:column>
		        
		        <p:column headerText="Data Vencimento" style="width:5%; text-align: center"> 
		        	<h:outputText value="#{conta.dataDeVencimento}">
		        		<f:convertDateTime pattern="dd/MM/yyyy"/>
		        	</h:outputText> 
		              
		        </p:column>
		        
		        <p:column headerText="Valor" style="width:10%; text-align: right">  
		            <h:outputText value="#{conta.valorAPagar}" style="text-align: right" size="21" maxlength="21">
						<f:convertNumber type="number" locale="pt_BR" minFractionDigits="2"/>
					</h:outputText>
		        </p:column>  
		        
		        <p:column headerText="Data Pagamento" style="width:5%; text-align: center"> 
		        	<h:outputText value="#{conta.dataPagamento}">
		        		<f:convertDateTime pattern="dd/MM/yyyy"/>
		        	</h:outputText> 
		              
		        </p:column>
		        
		         <p:column headerText="Valor Pago" style="width:10%; text-align: right">  
		            <h:outputText value="#{conta.valorPago}" style="text-align: right" size="21" maxlength="21">
						<f:convertNumber type="number" locale="pt_BR" minFractionDigits="2"/>
					</h:outputText>
		        </p:column> 
		        
		    </p:dataTable> 
			
		</h:form>
	</ui:define>

</ui:composition>      
	
</html>